import React, { Component } from 'react'

import styled from 'styled-components';

/*
    1. 安装 npm i styled-components
    2. 导入 import styled from 'styled-components';
    3. 使用
    const Title = styled.h1`
        color: green;
        background-color: #f66;
    `
    4. 如果样式编写的时候没有提示或者没有颜色，可以安装 vscode-styled-components 插件
    5. 在模板中使用 Title 组件，此时该组件就可以使用对应的样式了
*/

const Title = styled.h1`
    color: green;
    background-color: #f66;
`
const Btn = styled.button`
    padding: 20px;
`


export default class App extends Component {

    render() {


        return (
            <div>

                <Title>结婚为了幸福，离婚也是，不结也是。</Title>
                <Btn>按钮</Btn>
            </div >
        )
    }
}
